<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无聊特效小蜜蜂</title>
    <style>
        body {
            background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20200513%2Fc6fb21f319a1401f95c4af8297edf093.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1652854863&t=6c72e5344f1be6eef2f1957fff16b7f9);
            background-size: cover;
        }

        div {
            font-size: 80px;
            position: absolute;
            left: 100px;
            top: 50px;
        }
    </style>
</head>

<body>
    <div>🐝</div>
</body>

</html>
<script>
    document.onmousemove = function (e) {
        var e = e || window.event
        var divObj = document.querySelector('div')
        var left = e.pageX + 'px'
        var top = e.pageY + 'px'
        divObj.style.left = left
        divObj.style.top = top

    }
</script>